<!--按！+回车/tab 或html:5+回车/tab会自动生成文档结构-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- 设置一个网站小图标 -->
    <link
      rel="shortcut icon"
      href="C:\Users\DELL\Pictures\Saved Pictures//QQ图片20220312100038.jpg"
      type="image/x-icon"
    />
    <meta charset="UTF-8" />
    <!--移动端开发设置-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>基本标签</title>
  </head>

  <body>
    <!--1.div: 用来布局的，没有具体含义 层 -->
    <div>
      <!--每个div单独占一行-->
      abc
      <div>def</div>
    </div>

    <!-- 2.hx:标题1-6级 -->
    <h1>标题</h1>
    <h2>标题</h2>
    <h3>标题</h3>
    <h4>标题</h4>
    <h5>标题</h5>
    <h6>标题</h6>

    <!-- 3.p:表示段落 相当于一个回车 文本分段-->
    <p>4、假设用于通信的电文仅由5个字符A、B、C、D、E组成，</p>
    <p>它们在电文中出现的频度分别为13，29，5，32，21。</p>
    <p>
      请完成下列操作：画出Huffman树为这5个字符设计Huffman编码要求同层中叶子结点的权值从左到右，从小到大
    </p>

    <!--4.br：换行  单标签-->
    <p>
      4、假设用于通信的电文仅由5个字符A、B、C、D、E组成，<br />
      它们在电文中出现的频度分别为13，29，5，32，21。<br />
      请完成下列操作：画出Huffman树为这5个字符设计Huffman编码要求同层中叶子结点的权值从左到右，从小到大
    </p>

    <!-- 5.hr:生成一条水平线 主要起装饰作用 单标签 -->
    <hr />
    <hr width="80%" align="center" color="red" height="5px" />
    <!--设置宽度  对齐方式 颜色 高度-->

    <!-- 6.a:实现链接跳转 -->
    <a href="http://baidu.com" title="将进入百度">百度</a>
    <!-- title 当鼠标放在文字/图片上的文字提示 -->
    <a href="文档结构.html" target="_blank">文档结构</a>
    <!-- 属性_blank 可以实现重新打开一个网页 默认在该网页基础上打开超链接网站 -->

    <!-- 7.img:用来加载外部图片，行级块标签：识别宽高不独占一行，图像。src:用来设定加载的图片的路径，alt：当图像加载不成功时，将显示其内容，否则不显示 -->
    <img
      src="C:\Users\DELL\Pictures\Saved Pictures//QQ图片20220312100038.jpg"
      title="点击下载"
      width="20%"
      height="20%"
      alt="图片"
    />
    <img
      src="C:\Users\DELL\Pictures\Saved Piures//QQ图片20220312100038.jpg"
      alt="图片"
    />

    <!-- 8.span:作用和div一样用来布局，不同div单独占一行 span不会 -->
    <div>div1</div>
    <div>div2</div>
    <span>span1</span>
    <span>span2</span>

    <!-- 9.ul/ol:列表，前者是无序表，后者是有序表，他们的列表内容都是用的li标签 -->
    <ul>
      <li>li1</li>
      <li>li2</li>
      <li>li3</li>
    </ul>
    <ol>
      <li>li1</li>
      <li>li2</li>
      <li>li3</li>
    </ol>
    <br /><br /><br /><br /><br />
  </body>
</html>
